<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="./CSS/index.css">
</head>

<body>
	<main id="main">
		<h3>搜索/过滤</h3>
		<p>点击按钮显示下拉菜单，输入框可以搜索过滤内容。</p>
		<div class="dropdown">
			<button onclick="myFunction()" class="dropbtn">&#9776;</button>
			<div id="myDropdown" class="dropdown-content">
				<input type="text" placeholder="搜索.." id="myInput" onkeyup="filterFunction()">
				<a href="#about">About</a>
				<a href="#base">Base</a>
				<a href="#blog">Blog</a>
				<a href="#contact">Contact</a>
				<a href="#custom">Custom</a>
				<a href="#support">Support</a>
				<a href="#tools">Tools</a>
			</div>
		</div>

	</main>

	<script src="./JS/index.js"></script>
</body>

</html>